<div class="container" [ngClass]="{'show-mask': headerMaskShow}"
  [ngStyle]="{background:'url('+deployUrl+'assets/img/end-year/rongyu/bg-header.png) center top/100% no-repeat'}">
  <!--  [ngStyle]="{background:'url('+deployUrl+'assets/img/end-year/rongyu/bg-header.png) center top/100% no-repeat,url('+deployUrl+'assets/img/end-year/rongyu/bg-footer.png) center bottom / auto no-repeat'}" -->
  <!-- CLOSE ICON -->
  <img class="container-close" src="{{deployUrl}}assets/img/end-year/rongyu/close.png" (click)="closeClick()" alt="关闭">
  <!-- TAB -->
  <!-- MAIN -->
  <div class="container-main">
    <div class="container-main--wrapper">
      <div style="height:1px" #mark></div>
      <ng-container *ngFor="let section of list;let i = index;">
        <section *ngIf="section.length>0" class="main-item"
          [style.backgroundImage]="'url('+deployUrl+'assets/img/end-year/rongyu/main-item-bg.png)'">
          <div class="main-item__title"
            [style.backgroundImage]="'url('+deployUrl+'assets/img/end-year/rongyu/title-'+(i+1)+'.png)'">
          </div>
          <div class="main-item__top3">
            <!-- TOP3-I -->
            <ng-container *ngFor="let anchor of section;let j = index;">
              <div class="top3-item" [class]="'top3-'+(j+1)">
                <!-- zindex-1 -->
                <div class="top3--avatar" (click)="goToRoom(anchor)">
                  <img [src]="anchor.avatarUrl | headImg" alt="">
                  <ng-container *ngIf="anchor.liveStatus">
                    <img *ngIf="isAndroid" class="top3--avatar__live"
                      [src]="deployUrl+'assets/img/end-year/common/live.png'" alt="直播中">
                    <img *ngIf="!isAndroid" class="top3--avatar__live"
                      [src]="deployUrl+'assets/img/end-year/common/live.png'" alt="直播中">
                  </ng-container>
                </div>
                <!-- zindex-3 -->
                <div class="top3--crown"
                  [style.backgroundImage]="'url('+deployUrl+'assets/img/end-year/rongyu/main-item-crown.png)'"></div>
                <!-- zindex-2 -->
                <div class="top3--mask">
                  <img [src]="deployUrl+'assets//img/end-year/rongyu/main-item-avatar-mask.png'" alt="">
                </div>
                <!-- zindex-3 -->
                <div class="top3--name"
                  [style.backgroundImage]="'url('+deployUrl+'assets/img/end-year/rongyu/main-item-name-bg.png)'">
                  <div class="content">{{anchor.nickname}}</div>
                </div>
              </div>
            </ng-container>
          </div>
        </section>
      </ng-container>
    </div>
  </div>
</div>